import { useEffect, useState } from 'react'

// http://geek.itheima.net/v1_0/channels
const URL = 'http://geek.itheima.net/v1_0/channels'

function App() {

  const [count1, setCount1] = useState(0)
  const [count2, setCount2] = useState(0)
  // 1、啥都不传，初始化和组件更新都要执行
  // useEffect(() => {
  //   console.log('useEffect执行了')
  // })
  // 结果是不管点count1还是count2都会执行


  // 2、传[]，则只在初始化时执行一次
  // useEffect(() => {
  //   console.log('useEffect执行了')
  // }, [])
  // 结果是初始化时执行了，后面不管点count1还是count2都不会执行

  // 3、传具体的特征，如状态值count1，则在count1变化时执行，count2变化时不会执行
  useEffect(() => {
    console.log('useEffect执行了')
  }, [count1])
  // 结果点count1执行，点count2不执行


  return (
    <div>
      <h1>This is APP :useEffect的三种参数</h1>
      <button onClick={() => setCount1(count1 + 1)}>count1: {count1}</button>
      <button onClick={() => setCount2(count2 + 1)}>count2: {count2}</button>
    </div>
  )
}

export default App;